<!--
 * @Author: your name
 * @Date: 2021-06-28 09:53:06
 * @LastEditTime: 2021-06-29 15:19:38
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \maoming\src\App.vue
-->
<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>
<style>
@import './assets/css/main.css';
@import './assets/css/color-dark.css'; /*深色主题*/
/* 公共样式库 */
@import './components/common/css/common.css';
/*@import "./assets/css/theme-green/color-green.css";   浅绿色主题*/
/* 滚动条宽度 */


html,
body,
#app,
.wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(./../src/assets/img/bg.png) no-repeat;
    background-size: 100% 100%;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    -moz-border-radius: 5px;
}

/* 滚动条轨道颜色 */
::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 12px;
    /*background-color: #BDBDBD;*/
    -webkit-border-radius: 6px;
}

/* 滚动条颜色 */
::-webkit-scrollbar-thumb {
    background-color: #68b7d6;
}

/* 鼠标移动到滚动条上后显示的颜色 */
::-webkit-scrollbar-thumb:hover {
    background-color: #009ffb;
}

/* 点击时滚动条的颜色 */
::-webkit-scrollbar-thumb:active {
    background-color: #5c99d3;
}
</style>